<template>
  <GlareHover
      width="400px"
      height="300px"
      background="#060010"
      border-color="#271E37"
      border-radius="20px"
      glare-color="#ffffff"
      :glare-opacity="0.3"
      :glare-size="300"
      :transition-duration="800"
      :play-once="false"
  >
    <div class="text-center text-5xl font-black text-white">
      Hover Me
    </div>
  </GlareHover>
</template>

<script setup lang="ts">
import GlareHover from "@/animations/GlareHover.vue";
</script>
